var vm = new Vue({
    el: "#app",
    data: {
        taskcontent: '', //创建一个空得字符串，用来存储input框里得内容
        taskArr: [],//存储创建得对象，通过v-for来渲染页面
    },

    methods: {
        addTask() { //当点击新增把新建得对象插如到数组里面
            if (this.taskcontent) {
                //创建一个对象
                var obj = { id: this.taskArr.length + 1, name: this.taskcontent, status: false }
                this.taskArr.push(obj);
            }
            this.taskcontent = '';

        },
        taskStatus(item) { //更改当前任务状态
            item.status = !item.status;
        },
        taskDeletet(index) { //点击删除按钮
            this.taskArr.splice(index, 1);//通过splice来删除index所对应得数组元素
        }
    },

    computed: {//统计未完成的任务数量
        unFinishCount() {
            var arr = this.taskArr.filter((item) => {
                return item.status == false;
            })
            return arr.length;
        }
    },
})
